﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Admin.Master" AutoEventWireup="true" CodeBehind="frm_Cuestionario.aspx.cs" Inherits="ED_Nivelacion.PresentacionWeb.frm_Cuestionario" EnableEventValidation="false" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <script>
        var Cuest = "";
        //$(document).ready(function () {
        //  $('#example-table').dataTable();
        // });
        $(document).on("click", ".administrar", function () {
            //alert("Hola");
            var idCuestionario = $(this).data('id');
            // alert(idCuestionario);
            ED_Nivelacion.PresentacionWeb.ServiciosLocales.CuestionarioService.ObtenerPC(idCuestionario, onSuccess, onFailure);
            $('#idCuestionario').val(idCuestionario);

        });

        function onSuccess(object) {
            //$('#Preguntas').html("");
            var tabla2 = "";
            //alert(object.length);
            for (var i = 0; i < object.length; i++) {

                var idist = object[i].idPregunta_Cuestionario;
                var orden = object[i].Orden;
                var texto = object[i].Iten_Pregunta;

                var tabla = "<tr class='gradeA even'><td>" + orden + "</td><td>" + texto + "</td><td><a class='btn btn-danger btn-xs' onClick='eliminar(" + idist + ")'><span class='fa fa-trash-o'></span> Eliminar</a></td></tr>";
                var tabla2 = tabla2.concat(tabla);
            }
            document.getElementById("Preguntas").innerHTML = tabla2;
            $('#example-tablesss').dataTable();
        }

        function onFailure(object) {
            errorMessage("ERROR FATAL");
        }

        function agregar() {
            //Validar();
            var preg = $('#ContentPlaceHolder1_CbmPreguntas').val();
            var cuestionario = $('#idCuestionario').val();


            var data = { idPreguntas: preg, idCuestionario: cuestionario };
            ED_Nivelacion.PresentacionWeb.ServiciosLocales.CuestionarioService.AgregarPC(data, mostrar, error);
        }
        function mostrar() {
            sucessMessage("Pregunta Asignada Correctamente!");
            var idCuestionario = $('#idCuestionario').val();
            ED_Nivelacion.PresentacionWeb.ServiciosLocales.CuestionarioService.ObtenerPC(idCuestionario, onSuccess, onFailure);

        }

        function mostrarE()
        {
            var idCuestionario = $('#idCuestionario').val();
            ED_Nivelacion.PresentacionWeb.ServiciosLocales.CuestionarioService.ObtenerPC(idCuestionario, onSuccess, onFailure);
        }
        function error(dato) {
            errorMessage("ERROR FATAL");
        }
        function eliminar(id) {
            //alert(id);
            ED_Nivelacion.PresentacionWeb.ServiciosLocales.CuestionarioService.EliminarPC(id, successEliminar, errorEliminar);
        }
        function successEliminar() {
            sucessMessage("Registro Eliminado Correctamente");
            mostrarE();
        }
        function errorEliminar() {
            errorMessage("ERROR FATAL");
        }

        function Validar() {
            var preg = $('#ContentPlaceHolder1_CbmPreguntas').val();
            var cuestionario = $('#idCuestionario').val();
            //alert(preg+" "+cuestionario);
            if (preg != "" && cuestionario != "") {
                var param = { idCuestionario: cuestionario, idPreguntas: preg };
                ED_Nivelacion.PresentacionWeb.ServiciosLocales.CuestionarioService.ValiDarPC(param, mostrarV, errorV);
            }
            else {
                errorMessage("Todos los campos son necesarios.");
            }
            
        }

        function mostrarV(data) {
            if (data == "OK") {
                agregar();
            } else {
                errorMessage("La pregunta ya fue ingresada en este cuestionario");
            }

        }
        function errorV() { alert("ERROR"); }

        function Aplicar(idcuestionario) {


            ED_Nivelacion.PresentacionWeb.ServiciosLocales.CuestionarioService.CambiarEstado(idcuestionario, onSuccesEstudiante, onFailedEstudiante);


            Cuest = idcuestionario;

        }

        function onSuccesEstudiante() {
            //alert(Cuest);
            sucessMessage("Cuestionario Activado");
            $('#activar'+Cuest).hide();
            $('#desactivar'+Cuest).removeClass("hide");
            $('#desactivar'+Cuest).show();
            //alert(Cuest);
        }
        function onFailedEstudiante() {
            errorMessage("ERROR");
           
        }


        function Desactivar(idCuestionario)
        {
            
            //alert(idCuestionario);
            ED_Nivelacion.PresentacionWeb.ServiciosLocales.CuestionarioService.DesactivarCuestionario(idCuestionario, onSuccesDesactivar, onFailedDesactivar);
            Cuest = idCuestionario;
        }

        function onSuccesDesactivar()
        {
            //alert(Cuest);
            sucessMessage("Cuestionario Desactivado");
            $('#activar'+Cuest).removeClass("hide");
            $('#activar'+Cuest).show();

            $('#desactivar'+Cuest+'').hide();
        }

        function onFailedDesactivar() {
            errorMessage("Error");
           
        }

    </script>
    <form id="Form1" role="form" runat="server">

        <asp:ScriptManager ID="ScriptManager1" runat="server">
            <Services>
                <asp:ServiceReference Path="~/ServiciosLocales/CuestionarioService.asmx" />
            </Services>
        </asp:ScriptManager>
        <asp:Timer ID="Timer1" runat="server">
                                </asp:Timer>

        <%ED_Nivelacion.Negocios.Cuestionario_C _objCuestionario_C = new ED_Nivelacion.Negocios.Cuestionario_C();
          ED_Nivelacion.Negocios.Cuestionario _objCuestionario = new ED_Nivelacion.Negocios.Cuestionario();
          ED_Nivelacion.Negocios.Periodo _objPeriodo = new ED_Nivelacion.Negocios.Periodo();
          ED_Nivelacion.Negocios.Periodo_C _objPeriodo_C = new ED_Nivelacion.Negocios.Periodo_C();
          ED_Nivelacion.Negocios.Actor _objActor = new ED_Nivelacion.Negocios.Actor();
          ED_Nivelacion.Negocios.Actor_C _objActor_C = new ED_Nivelacion.Negocios.Actor_C();

        %>

        <div class="col-lg-22">
            <div class="portlet portlet-default">
                <div class="portlet-heading">
                    <div class="portlet-title">
                        <h4>Crear Cuestionario</h4>
                    </div>
                    <div class="portlet-widgets">
                        <a class="btn btn-success btn-xs guardar" data-toggle="modal" data-target="#AgregarPregunta"><i class="fa fa-plus">Agregar</i></a>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="portlet-body">
                    <div class="table-responsive">


                        <table class="table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>PERIODO</th>
                                    <th>ACTOR</th>
                                    <th>FECHA</th>
                                    <th>CÓDIGO</th>
                                    <th>ACCIÓN</th>
                                    <th>ESTADO</th>
                                </tr>
                            </thead>
                            <tbody>
                                <%
                                    
                                    foreach (var item in _objCuestionario_C.ObtenerCuestionarioUP())
                                    {
          
      
                                %>
                                <tr>
                                    <td><%= item.idCuestionario  %></td>
                                    <td><%= _objPeriodo_C.FiltrarPeriodo(item.idPeriodo).FirstOrDefault().Nombre_Periodo %></td>
                                    <td><%= _objActor_C.FiltrarActor(item.idActor).FirstOrDefault().ActorTipo%></td>
                                    <td><%= item.Fecha %></td>
                                    <td><%= item.Codigo %></td>
                                    <td><a href="#" class="btn btn-green btn-sm administrar" data-toggle="modal" data-target="#ArmarCuestionario" data-id="<%= item.idCuestionario %>"><i class="icon-white icon-next fa fa-gears" data-target=""></i>ADMINISTRAR</a></td>
                                    <td id="Estado"><%if(item.Estado == false){ %><a id="activar<%=item.idCuestionario %>" class="btn btn-green btn-sm" data-idcuestionario="<%= item.idCuestionario %>" onclick="Aplicar(<%=item.idCuestionario %>,'<%=_objActor_C.FiltrarActor(item.idActor).FirstOrDefault().ActorTipo%>')"><i class="fa fa-circle"></i>ACTIVAR</a><a id="desactivar<%= item.idCuestionario  %>" class="btn btn-green btn-sm hide" data-idcuestionario="<%= item.idCuestionario %>" onclick="Desactivar('<%=item.idCuestionario %>')"><i class="fa fa-circle-o"></i>DESACTIVAR</a><%}else{ %>
                                    <a id="desactivar<%=item.idCuestionario  %>" class="btn btn-green btn-sm" data-idcuestionario="<%= item.idCuestionario %>" onclick="Desactivar('<%=item.idCuestionario %>')"><i class="fa fa-circle-o"></i>DESACTIVAR</a> <a id="activar<%= item.idCuestionario  %>" class="btn btn-green btn-sm hide" data-idcuestionario="<%= item.idCuestionario %>" onclick="Aplicar(<%=item.idCuestionario %>,'<%=_objActor_C.FiltrarActor(item.idActor).FirstOrDefault().ActorTipo%>')"><i class="fa fa-circle"></i>ACTIVAR</a><%} %></td>
                                </tr>
                                <% }%>
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
            <!-- /.portlet -->
        </div>

        <div class="col-lg-22">
            <div class="modal modal-flex fade in" id="AgregarPregunta" tabindex="-1" role="dialog" aria-labelledby="flexModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="flexModalLabel">Formularios</h4>
                        </div>


                        <div id="Div1" class="modal-body" runat="server">
                            <div class="table-responsive">
                                <table id="Formulario" class="table table-striped table-bordered table-hover table-blue">

                                    <tbody>
                                        <tr>
                                            <td>Periodo:</td>
                                            <td>
                                                <asp:DropDownList ID="cbm_Periodo" runat="server" AppendDataBoundItems="true">
                                                    <asp:ListItem Value="" Selected="True">Escoja una opción</asp:ListItem>
                                                </asp:DropDownList></td>
                                        </tr>
                                        <tr>
                                            <td>Actor:</td>
                                            <td>
                                                <asp:DropDownList ID="cbm_Actor" runat="server" AppendDataBoundItems="true">
                                                    <asp:ListItem Value="" Selected="True">Escoja una opción</asp:ListItem>
                                                </asp:DropDownList></td>
                                        </tr>
                                        <tr>
                                            <td>Fecha:</td>
                                            <td>
                                                <asp:TextBox ID="txt_Fecha" type="date" runat="server"></asp:TextBox></td>
                                        </tr>
                                        <%--<tr>
                                            <td>Descripción:</td>
                                            <td>
                                                <asp:TextBox ID="txt_Descripcion" type="text" required runat="server"></asp:TextBox></td>
                                        </tr>--%>
                                        <tr>
                                            <td>Código:</td>
                                            <td>
                                                <asp:TextBox ID="txt_Codigo" type="text" required runat="server"></asp:TextBox></td>
                                        </tr>
                                    </tbody>


                                </table>
                            </div>


                        </div>
                        <div class="modal-footer">

                            <asp:Button ID="btm_Agregar" runat="server" CssClass=" btn btn-default btn-sm" Text="AGREGAR" OnClick="btm_Agregar_Click" />
                            
                        </div>

                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
        </div>

        <div class="col-lg-22">
            <div class="modal modal-flex fade in" id="ArmarCuestionario" tabindex="-1" role="dialog" aria-labelledby="flexModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="H1">Formularios</h4>
                        </div>


                        <div id="Div3" class="modal-body">



                            <div class="portlet portlet-default">
                                <div class="portlet-heading">
                                    <div class="portlet-title">
                                        <h4></h4>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="portlet-body">
                                    <div class="table-responsive">
                                        <table id="example-tablesss" class="table table-striped table-bordered table-hover table-blue">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>Pregunta</th>
                                                    <th>Opciones</th>
                                                </tr>
                                            </thead>
                                            <tbody id="Preguntas">
                                            </tbody>


                                        </table>
                                    </div>
                                    <!-- /.table-responsive -->

                                </div>

                                <!-- /.portlet-body -->
                            </div>
                            <!-- /.portlet -->


                        </div>
                        <div class="modal-footer">
                            <input type="text" id="idCuestionario" class="hide" />
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <div class="col-lg-6">
                                        <h4>Pregunta:</h4>
                                    </div>
                                    <div class="col-lg-6">
                                        <asp:DropDownList ID="CbmPreguntas" CssClass="form-control" style="width: 200px;" runat="server" AppendDataBoundItems="true">
                                            <asp:ListItem Value="" Selected="True">Escoja una opción</asp:ListItem>
                                        </asp:DropDownList>
                                    </div>
                                </div>
                                      <div class="clearfix"></div>
                            </div>


                            <div class="form-group">
                                <a id="btmPregunta" class=" btn btn-default btn-sm" onclick="Validar()">AGREGAR</a>

                            </div>
                        </div>

                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
        </div>



    </form>

    <script>
        $(document).ready(function () {
            $("#ContentPlaceHolder1_CbmPreguntas").searchable(
                {
                    maxListSize: 400,                       // if list size are less than maxListSize, show them all
                    maxMultiMatch: 10,                      // how many matching entries should be displayed
                    exactMatch: false,                      // Exact matching on search
                    wildcards: true,                        // Support for wildcard characters (*, ?)
                    ignoreCase: true,                       // Ignore case sensitivity
                    latency: 200,                           // how many millis to wait until starting search
                    warnMultiMatch: 'top {0} matches ...',  // string to append to a list of entries cut short by maxMultiMatch
                    warnNoMatch: 'No existen coincidencias',          // string to show in the list when no entries match
                    zIndex: 'auto'                          // zIndex for elements generated by this plugin
                });
        });
        ///version del browser
        jQuery.browser = {};
        (function () {
            jQuery.browser.msie = false;
            jQuery.browser.version = 0;
            if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) {
                jQuery.browser.msie = true;
                jQuery.browser.version = RegExp.$1;
            }
        })();
    </script>
</asp:Content>
